{extend name="public/base" /}
{block name="style"}
  <style>

    .vcode-btn {
      color: #1AAD19; /* 绿色主题按钮 */
      font-size: 14px;
      padding: 0 10px;
      height: 30px;
      line-height: 30px;
      border: 1px solid #1AAD19;
      border-radius: 4px;
      background: transparent;
      cursor: pointer;
      flex-shrink: 0;
    }
    .vcode-btn:disabled {
      color: #ccc;
      border-color: #ccc;
      cursor: not-allowed;
    }


    .weui-btn_primary {
      background-color: #1AAD19; /* 绿色主色 */
      color: #fff;
    }
    .weui-btn_primary:active {
      background-color: #168f15; /* 绿色按下效果 */
    }

    /* 辅助链接（统一风格） */
    .form-links {
      text-align: center;
      margin-top: 15px;
    }
    .form-link {
      color: #1AAD19; /* 链接色与绿色主题统一 */
      font-size: 13px;
      text-decoration: none;
    }



    /* 响应式调整（与其他页面统一） */
    @media (max-width: 350px) {
      .wy-Module-con {
        padding: 20px 12px;
      }
      .input-label {
        width: 60px;
        font-size: 14px;
      }
    }
  </style>
{/block}
<!--主体-->
{block name="content"}

<!-- 头部导航（与登录/注册页统一） -->
<div class="header">
  <a href="javascript:void(0);" class="back-btn">
    <i class="fa fa-angle-left" style="font-size: 24px;"></i>
  </a>
  <h1 class="header-title">找回密码</h1>
</div>

<div class='weui-content'>
  <!-- 找回密码模块（复用统一容器） -->
  <div class="wy-Module">
    <div class="wy-Module-con">
      <form class="weui-form" id="forgetForm">
        <!-- 邮箱输入（替换手机号，保持样式统一） -->
        <div class="weui-form-group">
          <div class="weui-input-box">
            <span class="input-label">邮箱</span>
            <i class="fa fa-envelope input-icon"></i> <!-- 邮箱图标替换手机图标 -->
            <input type="email" class="weui-input" placeholder="请输入注册邮箱" name="email"> <!-- 类型改为email -->
          </div>
        </div>

        <!-- 验证码（调整为邮箱验证码，样式不变） -->
        <div class="weui-form-group">
          <div class="weui-input-box">
            <span class="input-label">验证码</span>
            <i class="fa fa-key input-icon"></i>
            <input type="number" class="weui-input" placeholder="请输入邮箱验证码" name="code"> <!-- 提示文字调整为邮箱验证码 -->
            <button type="button" class="vcode-btn" id="getCode">获取验证码</button>
          </div>
        </div>

        <!-- 新密码（样式不变） -->
        <div class="weui-form-group">
          <div class="weui-input-box">
            <span class="input-label">新密码</span>
            <i class="fa fa-lock input-icon"></i>
            <input type="password" class="weui-input" placeholder="6-20位字母数字组合" name="new_password">
          </div>
        </div>

        <!-- 确认密码（样式不变） -->
        <div class="weui-form-group">
          <div class="weui-input-box">
            <span class="input-label">确认密码</span>
            <i class="fa fa-lock input-icon"></i>
            <input type="password" class="weui-input" placeholder="再次输入新密码" name="confirm_password">
          </div>
        </div>

        <!-- 提交按钮（绿色风格统一） -->
        <button type="submit" class="weui-btn weui-btn_primary">重置密码</button>
      </form>

      <!-- 辅助链接（统一风格） -->
      <div class="form-links">
        <a href="login.html" class="form-link">返回登录</a>
      </div>
    </div>
  </div>

  <!-- 底部版权（与其他页面统一） -->
  <div class="copyright">
    © 2025 数字货币交易平台 版权所有
  </div>
</div>
{/block}
{block name="script"}

<script>
  // 获取邮箱验证码（替换手机号验证逻辑）
  $("#getCode").click(function(){
    const $this = $(this);
    const email = $("input[name='email']").val().trim(); // 改为获取邮箱值

    // 验证邮箱格式（替换手机号正则）
    if (!email) {
      $.toptip('请输入邮箱', 'error');
      return;
    }
    // 邮箱正则：支持字母、数字、下划线及常见域名格式
    if (!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(email)) {
      $.toptip('请输入正确的邮箱地址', 'error');
      return;
    }

    // 倒计时效果（样式不变）
    let countdown = 60;
    $this.attr("disabled", true).text(countdown + "秒后重试");
    const timer = setInterval(function(){
      countdown--;
      if(countdown <= 0){
        clearInterval(timer);
        $this.removeAttr("disabled").text("获取验证码");
      }else{
        $this.text(countdown + "秒后重试");
      }
    }, 1000);
    // 发送邮箱验证码请求（提示文字调整为邮箱）
    setTimeout(() => {
      $.toptip('验证码已发送至邮箱', 'success');
    }, 500);
  });

  // 表单提交（调整邮箱验证逻辑）
  $("#forgetForm").submit(function(e){
    e.preventDefault();
    const email = $("input[name='email']").val().trim(); // 改为邮箱
    const code = $("input[name='code']").val().trim();
    const newPassword = $("input[name='new_password']").val().trim();
    const confirmPassword = $("input[name='confirm_password']").val().trim();
    // 验证逻辑（替换手机号为邮箱验证）
    if (!email) {
      $.toptip('请输入邮箱', 'error');
      return;
    }
    if (!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(email)) {
      $.toptip('请输入正确的邮箱地址', 'error');
      return;
    }
    if (!code) {
      $.toptip('请输入验证码', 'error');
      return;
    }
    if (!newPassword) {
      $.toptip('请输入新密码', 'error');
      return;
    }
    if (newPassword.length < 6 || newPassword.length > 20) {
      $.toptip('密码长度需在6-20位之间', 'error');
      return;
    }
    if (newPassword !== confirmPassword) {
      $.toptip('两次输入的密码不一致', 'error');
      return;
    }
    // 提交重置密码请求（逻辑不变，适配邮箱参数）
    $.showLoading('正在重置密码');
    $.post("/forget.html",{email:email,code:code,password:newPassword,repassword:confirmPassword},function (res){
      if (res.code==0) {
         $.toast(res.msg,function (){
           window.location.href="/login.html";
         })
      } else {
        $.toptip(res.msg, 'error');
        return;
      }
    },'json')

  });
</script>
{/block}